@charset "utf-8";
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
input,select,img{ vertical-align:middle;}
input,select,textarea{outline: 0 none;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
h2,h3{ font-size:12px;}
h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:" ";}
abbr,acronym{border:0;}
body{height: 100%; font-size:14px; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif;color:#384070; background:#f7f7fa;} 
html{height: 100%;}
table{ width:100%; border-collapse:collapse;}
a{ cursor:pointer; text-decoration:none;color:#384070;}
a:hover{ color:#000;}
table a{color:#05b8fa;}
.clearfix{ clear:both;}
.clearfix:after{clear:both;display:block;visibility:hidden;font-size:0;content:" ";height:0;}
.clearfix {zoom:1;}

/* font */
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.font_b{font-weight:bold;}
.font_n{font-weight:normal;}

/* position */
.t_l{ text-align:left;}
.t_r{ text-align:right;}
.t_c{ text-align:center;}
.v_t{ vertical-align:top;}
.v_c{ vertical-align:middle;}
.v_b{ vertical-align:bottom;}
.f_r{ float:right; display:inline;}
.f_l{ float:left; display:inline;}
.c_both{clear:both;}
.d_p_n{ display:none;}
.d_p_b{ display:block;}

/* margin & padding */
.m_t5{margin-top:5px;}
.m_t10{margin-top:10px;}
.m_t15{margin-top:15px;}
.m_t20{margin-top:20px;}
.m_t25{margin-top:25px;}
.m_t30{margin-top:30px;}
.m_b5{margin-bottom:5px;}
.m_b10{margin-bottom:10px;}
.m_b15{margin-bottom:15px;}
.m_b20{margin-bottom:20px;}
.m_b25{margin-bottom:25px;}
.m_b30{margin-bottom:30px;}
.m_l5{margin-left:5px;}
.m_l10{margin-left:10px;}
.m_l15{margin-left:15px;}
.m_l20{margin-left:20px;}
.m_l25{margin-left:25px;}
.m_l30{margin-left:30px;}
.m_r5{margin-right:5px;}
.m_r10{margin-right:10px;}
.m_r15{margin-right:15px;}
.m_r20{margin-right:20px;}
.m_r25{margin-right:25px;}
.m_r30{margin-right:30px;}
.p_t5{padding-top:5px;}
.p_t10{padding-top:10px;}
.p_t15{padding-top:15px;}
.p_t20{padding-top:20px;}
.p_t25{padding-top:25px;}
.p_t30{padding-top:30px;}
.p_b5{padding-bottom:5px;}
.p_b10{padding-bottom:10px;}
.p_b15{padding-bottom:15px;}
.p_b20{padding-bottom:20px;}
.p_b25{padding-bottom:25px;}
.p_b30{padding-bottom:30px;}
.p_l5{padding-left:5px;}
.p_l10{padding-left:10px;}
.p_l15{padding-left:15px;}
.p_l20{padding-left:20px;}
.p_l25{padding-left:25px;}
.p_l30{padding-left:30px;}
.p_r5{padding-right:5px;}
.p_r10{padding-right:10px;}
.p_r15{padding-right:15px;}
.p_r20{padding-right:20px;}
.p_r25{padding-right:25px;}
.p_r30{padding-right:30px;}

/*color*/
.c_red{ color:#ff5050;}
.c_gray{ color:#999;}
.c_yellow{ color:#f78a00;}
.c_blue{ color:#1f7dcd;}
.c_green{ color:#4fa04b;}
.c_black{ color:#000;}

/* radio & checkbox */
select{padding:2px; height:28px; border: 1px solid #ccc;font-family: inherit; font-size: inherit;vertical-align: middle;color: inherit;background:#fff;}
.radio{ margin:0 5px;  vertical-align:-2px;*vertical-align:middle;}
.checkbox{ margin:0 5px 0 2px;*margin:0 3px 0 0px;vertical-align:-2px;*vertical-align:middle;}
  
input[type="text"]:focus,input[type="password"]:focus,textarea{border-color: rgba(82, 168, 236, 0.8);}
  
input[type="button"]:hover,button:hover{filter:alpha(opacity=80);opacity:0.8;}
